<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>jquery Dom操作</title>
</head>

<body>
    <!-- 获取属性 -->
    <!-- attr（属性名称）和prop（属性名称） -->
    <!-- prop一般用来获取返回值是boolen类型的值，prop是不能操作自定义属性的值，attr获取固有属性和自定义属性，所有属性都可以操作 -->
    <!-- bool类型的值，如果设置了值 attr则返回相应的值，如果没设置则返回undefined，prop返回TRUE和false -->

    <!-- 设置属性 -->
    <!-- 设置固有属性：attr（"属性名"，"属性值"）
                    prop("属性名"，"属性值")                    
    -->
    <!-- 设置bool类型属性：attr("属性名（如checked）","属性值(如checked)");
                            prop("属性名","true/false")
     -->
    <!-- 自定义属性：prop不能操作自定义属性，attr("属性名","属性值") -->

    <button name="btn">按钮</button>
    <input type="text" value="文本">
    <script src="./jQuery包/jquery-3.6.0.js"></script>
    <script>
        var btn = $("button").attr("name"); //获取属性的名称
        var inp = $("input").attr('type')
        console.log(inp);
        console.log(btn);
        var inp = $("input").attr("type", "submit").attr("type");
        console.log(inp);
        $("button").prop("disabled", "true"); //bool类型的值用prop来操作
        var bu = $('button').prop('disabled')
        console.log(bu);
        // 自定义的数值用attr来设置
        $("button").attr("uname", "luo");
        $('input').attr('luochen', 'jiayou')
    </script>
</body>

</html>